<script lang="ts" setup>
defineOptions({ name: 'SystemLogo' });
</script>

<template>
  <icon-local-logo class="logo-icon" />
</template>

<style scoped>
/* Vue3 推荐用 ::v-deep */
.logo-icon {
  width: 48px;
  height: 48px;
}

/* 把 fill 强制应用到生成的 <svg> 和 <path> 上 */
:deep(.logo-icon) svg {
  fill: #fc0000;
}

/* 如果还是无效，再针对 <use> 也加一次 */
:deep(.logo-icon) svg use {
  fill: #fc0000;
}
</style>
